<template>
	<view class="content">
		<view class="status-bar" :style="{height:statusBarHeight+'px'}"></view>
	</view>
</template>

<script>
	export default {
		name:"statusBar",
		data() {
			return {
				// 状态栏高度
				statusBarHeight: 30,
			};
		},
		onLoad() {
			let {
				statusBarHeight
			} = uni.getSystemInfoSync()
			this.statusBarHeight
		}
	}
</script>

<style lang="scss">
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
.status-bar {
			background-color: $zh-theme-color;
			width: 750rpx;
			position: fixed;
		}}
</style>